<template>
  
  <div>
   <span v-for="(item,index) in arr" :key="index"><input type="checkbox" :value="item" v-model="newArr" > <span>{{item}}</span></span>
  <div>你选中的元素的累加值为：{{sum}}</div>
  
  </div>
</template>

<script>
export default {
  data(){
    return {
      arr:[9, 15, 19, 25, 29, 31, 48, 57, 62, 79, 87],
      newArr:[]
    }
  },
  computed:{
     sum(){
      return this.newArr.reduce((sum, item) => sum + item,0)
     }
  }
}
</script>

<style>

</style>